import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import '@/assets/scss/index.scss'
import lazyPlugin from 'vue3-lazy'
import LoadingDirective from '@/components/Base/Loading/directive'
import NoResultDirective from '@/components/Base/NoResult/directive'
import confirm from '@/components/Base/Confirm/confirm'

const app = createApp(App)
app.provide('confirm', confirm)
app
  .use(store)
  .use(router)
  .use(lazyPlugin, {
    loading: require('@/assets/images/logo.png')
  })
  .directive('loading', LoadingDirective)
  .directive('noResult', NoResultDirective)
  .mount('#app')
